<!DOCTYPE html>
<html>
<head>
    
	<title></title>
	<meta charset="utf-8">
	 <link rel="stylesheet" href="./common.css" type="text/css"/>
    <link rel="stylesheet" href="./admin.css" type="text/css"/>
     <link rel="stylesheet" href="./leftnav.css" type="text/css"/>
    <style type="text/css">
    .wrap{
    	width: 1024px;
    	height: 1000px;
    	border: 1px solid red;
    	margin:0 auto;
    }
    .head{
    	width: 1024px;
    	height: 40px;
    	background: #fff;
    	line-height: 40px;
    	border: 1px solid blue;
    }
    .head_left{
    	margin-left:60px;
    	float:left;
    }
    .head_right{
    	float:right;
    }
     .head_right li {
        height: 40px;
        line-height: 40px;
    	float:left;
    	margin-right: 10px;
    }
     .head_right li img{
     	display: block;
        margin: 10px 0 0  10px;
      }
    .main{
    	width: 1024px;
    	height: 812px;
    }
    .main_left{
    	width: 200px;
    	height: 820px;
    	
    	border: 1px solid yellow;
    	float: left;
    }
    .main_right{
    	width: 820px;
    	height: 823px;
    	border: 1px solid blue;
    	float:right;
    }
    .main_right_content{
      display: block;
      height: 900px;
      min-height: 700px;
      width: 766px;
      background: #fff;
     
      margin:0 auto;
    }
       #top{
 margin-top: 20px;
    }
    .brand{
    	color:#5CC7CB;
    	font-weight:bold;
    }
  </style>


<script type="text/javascript" src="../bootstrap/js/jquery-1.10.2.js"></script>

</head>
<body>
<div class="wrap grey ">
	<div class="head">
	     <div class="head_left">
	     	<span class="brand">贝客</span>后台管理
	     </div>
		<div class="head_right">
		   <ul>
		     <li><img src="../images/left_nav/greensquare.png"></li>
			 <li>退出账号</li>
			 <li><img src="../images/left_nav/greensquare.png">
			 </li>
			 <li>账号管理</li>
		   </ul>        
		</div>
	</div>
	<div class="main">
		<div class="main_left">
          
			<div class="left_nav" style="display: block;">
    <!-- 发布试用 -->
    <div  class="issue" style="display: block;">
        <a>欢迎你,用户名</a>
         <div>
         	<img src="../images/left_nav/circle.png">
         </div>
    </div>
      <div class="title try_manage" style="display: block;">
        <a class="selected" href="javascript:void(0);">店铺设置</a>
        <ul class="parent_ul" style="display: block;">
            <li><a href="#" class="href big" data-pinpai="banner_show.html">品牌展示</a></li>
            <li><a href="#" class="href" data-pinpai="ele_order.html">功能设置</a></li>
            <li><a href="#" class="href" data-pinpai="pre_show.html">预览</a></li>
        </ul>
    </div>
    <div class="title try_manage href"  data-pinpai="manay_edit.html" style="display: block;">
        <a class="selected" href="javascript:void(0);" class="href" >多栏编辑</a>
    </div>
   <div class="title account_information" style="display: block;">
        <a class="selected" href="javascript:void(0);">订单管理</a>
        <ul class="parent_ul" style="display: block;">
            <li><a href="#" class="href" data-pinpai="ele_order.html">用户订单</a></li>
            <li><a href="#"  class="href" data-pinpai="ele_order.html">预约订单</a></li>
            <li><a href="#" class="href big"  data-pinpai="product_show.html">产品展示</a></li>
        </ul>
    </div>
  
    <div class="title account_information" style="display: block;">
        <a class="selected" href="javascript:void(0);">会员管理</a>
        <ul class="parent_ul">
            <li><a href="#" class="href"  data-pinpai="card_manage.html">会员信息</a></li>
            <li><a href="#"  class="href" class="leftNav_active" >等级设定</a></li>
            <li><a href="#"  class="href" data-pinpai="card_manage.html">会员卡管理</a></li>
        </ul>
    </div>
    <div class="title fund_manage" style="display: block;">
        <a class="selected href" href="javascript:void(0);"  data-pinpai="shop_zizhi.html">资料中心</a>
    </div>
    <div class="title fund_manage " style="display: block;">
        <a class=" href" href="javascript:void(0);" data-pinpai="pay_status.html">端口对接</a>
    </div>
      <div class="title fund_manage" style="display: block;">
        <a class="selected href" href="javascript:void(0);">其他文件</a>
    </div>
</div>
		</div>
		<div class="main_right">
		<div class="main_right_content" id="top">
		 <iframe  src="banner_show.html"  scrolling="no"  id="content-frame" width="100%" height="100%" frameborder="0">
         您的浏览器不支持iframe，请升级
     </iframe>
         <div>
		 </div>
	    </div>

</div>

</body>
</html>
<script type="text/javascript">
 $(document).ready(function() { 
      $(".parent_ul").css('display', 'none'); 
      $(".title> a").removeClass('selected');
      }); 
	 (function() {
        $('.title > a').on('click',function(){
            var this_ul = $(this).parent().children('ul');
               console.log(this);
            $(this).toggleClass('selected');
            $(this).css('display','true');
            $(this).hasClass('selected')?this_ul.slideDown('fast'):this_ul.slideUp('fast');
        })
    })();
     (function() {
        $('.parent_ul >a').on('click',function(){
           var b=$(this).href;
           console.log(b);
           alert(b);
        })
    })();
    $(".href").on('click',function(){
    	console.log($(this).data("pinpai"));
    	$url=$(this).data("pinpai");
    	$("#content-frame").attr('src',$url);
    })
    </script>